$(window).on(
    'scroll',
    function() {
        var $header = $(".navbar");
        var c = jQuery(window).scrollTop();
        550 > c && c > 0 ? $header.hide() : $header.show();
        c > 550 ? $header.addClass("pg-scroll") : $header
            .removeClass("pg-scroll");
    });
